<template>
	<view class="gal-body">
		<view class="gal-margin-top-large">
			<text class="gal-block-text gal-h5 gal-color-gray">全屏加载演示</text>
		</view>
		<view class="gal-text-center" 
		style="margin-top: 100rpx;" 
		@tap="startLoading">
			<text class="gal-block-text gal-text" style="color: #3688FF;">点击这里打开 Loading 动画</text>
		</view>
		
		<gal-sloading ref="sloading"></gal-sloading>
	</view>
</template>
<script>
export default {
	data() {
		return {
			
		}
	},
	onLoad:function(){
		setTimeout(()=>{
			this.$refs.sloading.stop();
		}, 2000);
	},
	methods: {
		startLoading : function () {
			this.$refs.sloading.loading();
			setTimeout(()=>{
				this.$refs.sloading.stop();
			},3000);
		}
	}
}
</script>
<style>

</style>
